@media screen and (max-width:767px) {
    .top_box {
        padding: 5px 0 0 0;
        height: 70px;
    }
    .top_bar {
        width: 94%;
        margin: auto;
        overflow: hidden;
    }
    .logo {
        margin-top:10px;
    }
    .logo img {
        width: 36px;
    }
    .logo span {
        font-size: 14px;
        width: 200px;
        margin-top: 10px;
    }
    .logo span i {
        font-size: 12px;
        display: none;
    }
    .phone {
        display: none;
    }
    .menu {
        float: right;
        margin: 14px 12px 0 0;
        display: block;
    }
    .nav_bar {
        display: none;
    }
    .super_bar {
        background: #f4f4f4;
        padding-bottom: 20px;
        height: auto;
    }
    .super {
        background: #f4f4f4;
        position: static;
    }
    .super_items {
        background: #f4f4f4;
    }
    .super {
        width: 80%;
        left: 10%;
        top: 0;
    }
    .super_items ul li {
        float: left;
        width: 100%;
        text-align: center;
    }
    .about_lifeng {
        margin: 20px auto;
    }
    .about_bar {
        width: 80%;
    }
    .about_left {
        float: none;
        width: 100%;
    }
    .about_right {
        float: none;
        width: 100%;
    }
    .about_tit a {
        margin-top: 10px;
    }
    /*.about_font{
        min-height:170px;
    }*/
    .unique_lifeng {
        padding: 15px 0 10px 0;
    }
    .unique_bar {
        width: 80%;
    }
    .case_items {
        height: auto;
    }
    .case_items ul {
        width: 100%;
        position: static;
    }
    .case_items ul li {
        width: 100%;
        margin-bottom: 12px;
    }
    .case_bar:hover .btn2 {
        display: none;
    }
    .partner_bar {
        width: 80%;
        margin: auto;
    }
    .partner {
        padding: 20px 0;
    }
    .foot_bar {
        padding: 20px 0;
    }
    .foot_items span {
        display: block;
        margin-bottom: 6px;
    }
    /*关于黎峰子页开始*/
    .about_intro {
        width: 80%;
        margin: 20px auto;
    }
    .about_intro_left {
        float: none;
        width: 100%
    }
    .about_intro_right {
        float: none;
        width: 100%;
    }
    .about_intro_right ul {
        width: 100%;
    }
    .about_intro_right p {
        /* display: none; */
		padding-top:20px;
    }
    .about_intro_right ul li {
        float: none;
        width: 100%;
    }
    .about_history_cont {
        width: 80%;
    }   
    .about_history_items ul li {
        
        width: 300px;
        margin-bottom: 14px;
        border-right: none;
    }
    .about_brand {
        width: 80%
    }
    .about_brand_left {
        float: none;
        width: 100%;
        margin-bottom: 16px;
    }
    .about_brand_right {
        float: none;
        width: 100%;
    }
    .about_service {
        width: 80%;
        margin: 16px auto;
    }

    .adv_font {
        margin-top: 20px;
    }
    .adv_font li {
        float: none;
        width: 100%;
    }
    .adv_font li p {
        margin-left: 20px;
    }
    .big h1 {
        font-size: 46px;
    }
    .big h2 {
        margin-top: 6px;
    }
    .big h2 i {
        font-size: 12px;
    }
    .big h2 em {
        margin-top: 5px;
    }
    .bg1 {
        width: 80%;
        margin: 0 auto 22px;
    }
    .culture {
        background: #fff;
    }
    .bg2 {
        background: #fff;
    }
    .bg2_items {
        width: 80%;
        height: auto;
    }
    .bg2_items ul {
        position: static;
    }
    .bg2_items ul li {
        width: 100%;
        float: none;
    }
    .dec_c {
        display: none;
    }
    .team {
        width: 80%
    }
    .team ul {
        overflow: hidden;
        margin: 20px 0;
    }
    .team ul li {
        width: 100%
    }
    .team ul li img {
        margin-top: 10px;
    }
    .honor {
        width: 80%;
        display: none;
    }
     
    .about1{
        width: 90%
    }
    .about1 h1{
        font-size: 18px;
    }
    .big_bar {
        width: 80%;
    }
    .big_items {
        width: 100%;
    }
    .big_bar_left {
        float: none;
        width: 100%;
    }
    .big_bar_left ul li i {
        font-size: 13px;
    }
    .big_bar_right {
        float: none;
        width: 100%;
    }
    .big_bar_right ul li h2 {
        font-size: 18px;
    }
    .big_bar_right ul li h2 span {
        font-size: 14px;
    }
    .big_bar_right ul li h6 img {
        margin-left: 5px;
        width: 46%;
    }
    .short_line {
        display: none;
    }
    .sub_tit {
        width: 80%
    }
    .sub_tit h1 {
        font-size: 36px;
    }
    .sub_tit h1 span {
        top: -14px;
        font-size: 16px;
        line-height: 26px;
    }
    .unique_bar {
        width: 80%
    }
    .unique_items {
        width: 100%
    }
    .sub_tit h6 {
        margin-top: 30px;
        font-size: 15px;
        font-weight: normal;
    }
    .form_left_bar li span {
        display: inline-block;
        *display: inline-block;
        width: 18%;
    }
    .form_left_bar li input {
        display: inline-block;
        *display: inline;
        width: 66%;
        height: 30px;
        border-style: none;
        border: 1px solid #ccc;
    }
    .form_left_bar li textarea {
        display: inline-block;
        *display: inline;
        width: 66%;
        height: 120px;
        border-style: none;
        border: 1px solid #ccc;
        vertical-align: top;
        resize: none;
    }
    .unique_bar ul {
        width: 100%;
    }
    .unique_bar ul li {
        width: 100%;
        float: none;
    }
    .news_cont {
        width: 90%;
    }
    .news_cont ul {
        width: 100%;
    }
    .news_cont ul li a img {
        width: 36%;
    }
    .news_item {
        width: 60%;
    }
    .news_item h6 {
        font-size: 16px;
        color: #333;
        font-weight: normal;
    }
    .news_item p {
        height: 16px;
        margin: 10px 0;
    }
    .news_item span {
        margin-top: 16px;
    }
    .page {
        width: 100%;
        text-align: center;
    }
    .page a {
        margin-left: 16px;
    }
    .page .page1,
    .page .page5 {
        font-size: 26px;
        line-height: 26px;
        color: #e8e6e4;
    }
    .jobs_cont {
        width: 80%;
    }
    .jobs_item {
        width: 42%;
    }
    .jobs_item p {
        display: none;
        float: none;
    }
    .jobs_item a {
        float: none;
        width: 80%;
        margin-top: 0;
    }
    .contact_bar {
        background: #f4f4f4;
        padding: 22px 0 36px 0;
        margin-bottom: 20px;
    }
    .contact_item {
        width: 80%;
        margin: auto;
    }
    .contact_list li {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .service_item1_bar {
        width: 90%;
    }
    .service_item1_bar ul li {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .service_item1_bar ul li a {
        width: 160px;
        height: 160px;
        /*behavior:url(../js/ie-css3.htc);*/
    }
    .service_item1_bar ul li a span {
        width: 30px;
        height: 30px;
        line-height: 26px;
        right: 4px;
        bottom: 4px;
        font-size: 30px;
    }
    .form_cont {
        width: 90%;
    }
    .form_left_bar {
        float: none;
        width: 100%;
    }
    .form_left_bar li .validate_pic {
        width: 26%;
    }
    .form_bar p {
        display: none;
    }
    .star_tit {
        width: 80%;
    }
    .show_cont {
        width: 80%
    }
    .show_cont ul li {
        float: none;
        width: 100%;
    }
    .star_tit h1 {
        font-size: 15px;
    }
    .star_tit h1 span {
        font-size: 22px;
    }
    .case_cont {
        background: none;
    }
    .case_cont img {
        width: 70%;
        float: none;
    }
    .case_cont p {
        width: 80%;
        float: none;
    }
    .depend_item_left {
        float: none;
        width: 80%;
    }
    .depend_item_right {
        float: none;
        width: 80%;
        overflow: hidden;
        margin-top: 20px;
    }
    .depend_item_left h1 span {
        display: block;
        font-size: 16px;
    }
    .depend_item_left h5 {
        font-size: 14px;
    }
    .news_inner h5 img {
        width: 100%;
    }
    .depend_item_left h6 {
        margin: 16px;
    }
    .depend_item_right img {
        float: right;
        width: 48%
    }
    .news_inner {
        width: 80%;
    }
    .news_inner h6 {
        margin: 40px 0 30px 0;
        font-size: 15px;
        font-weight: bold;
    }
    /*瀑布流*/
    /*瀑布流*/
    .container-fluid {
        width: 60%;
    }
    .box {
        width: 220px;
    }
    /*技防服务*/
    .business_inner3 {
        width: 90%;
    }
    .business_inner3 ul li {
        float: none;
        width: 90%;
    }
    .font dl {
        float: none;
        width: 90%;
    }
    .words{
        width: 100%;
    }
    .words .man{
        display: block;
        width: 90%;
        margin:auto;
        float: none;
    }
    .words .speech{
        width: 90%;
        margin:auto;
        float: none;
    }
}



@media screen and (max-width:480px) { 
    
.brand {
    width:90%;margin:0 auto;
}
.brand a{
    width:47%;margin-right: 6%;height:auto;
} 
.brand a:nth-child(2n){
    margin-right: 0;
} 
.brand a img{
    width:100%;
}

}